<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
	html {
		height: 100%;
	}
	body {
		background: #0C3A6D;
		font-family: Sans-serif;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	a img{
		text-decoration: none;
		outline: none;
	}

	/*--------------------------------*/
	/* main container for email       */
	/*--------------------------------*/

	#container{
		border-left: 1px solid black;
		border-right: 1px solid black;
		width: 85%;
		margin:auto;
		background: #FFFFFF;
		height: 100%;
	}

	#container a {
		color: black;
		text-decoration: none;
	}

	/*--------------------------------*/
	/* header container for site      */
	/*--------------------------------*/

#header {
    position: absolute;
	top: 5px;
	height:75px;
	padding: 5px;
}

#header h1 {
    font-size:25pt;
	margin: 0;
	float: left;
	min-width: 490px;
}

#header h2 {
    font-size:16pt;
	margin: 0;
	vertical-align: text-bottom;
	clear: left;
	float: left;
	min-width: 490px;
}

/*--------------------------------*/
/* body of site                   */
/*--------------------------------*/

#content {
    margin: 0;
	padding: 0;
	overflow: auto;
	position: absolute;
	top: 107px;
	bottom: 27px;
	width: 85%;
}

#content h1 {
    font-size: 16pt;
	margin: 0;
	padding-left: 25px;
}

#content p {
    margin: 0;
	padding-bottom: 15px;
	font-size: 10pt;
}

#footer {
    text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	height: 25px;
	bottom: 0;
	position: absolute;
}

</style>

</head>
<body>
<!--Start of containter-->
<div id=container> 
	<!--Start of header-->
	<div id=header>
		<h1><a href='{% url user_portal %}'>IT Support</a></h1>
		<h2>{{ header }}</h2>
	</div>
	<!--End of header-->
	<!--Start of menu-->
	<div id='menu'>
	</div>
	<!--End of menu-->
	<!--Start of body-->
	<div id='content'>
		<p>{{ body|safe }}</p>
	</div>
	<!--Start of footer-->
	<div id=footer>
	</div>
	<!--End of footer-->
</div>
<!--End of container-->
</body>
</html>

